<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>当日情绪组合</title>
    <link rel="shortcut icon" href="favicon.ico"> <link href="/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">

    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min.css?v=4.0.0" rel="stylesheet"><base target="_blank">
    <!-- Sweet Alert -->
    <link href="/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <!-- 弹窗-->
    <script src="../../tanchuan/js/jquery-2.0.0.min.js"></script>
    <link href="../../tanchuan/css/displaystyle.css" rel="stylesheet" />
    <script src="../../tanchuan/js/syntaxhighlighter_3.0.83/shCore.js"></script>
    <script src="../../tanchuan/js/syntaxhighlighter_3.0.83/shBrushJScript.js"></script>
    <link href="../../tanchuan/js/syntaxhighlighter_3.0.83/styles/shCoreRDark.css" rel="stylesheet" />
    <script src="../../tanchuan/js/NZ-Plugin/Js/NZ-Window.min.js"></script>
    <link href="../../tanchuan/js/NZ-Plugin/Css/NZ-Window.min.css" rel="stylesheet" />
    <script src="../../tanchuan/js/NZ-Plugin/Js/NZ-Drag.min.js"></script>
</head>
<style>
    @keyframes fade {
        from {
            opacity: 1.0;
        }
        50% {
            opacity: 0.0;
        }
        to {
            opacity: 1.0;
        }
    }
    @-webkit-keyframes fade {
        from {
            opacity: 1.00;
        }
        50% {
            opacity: 0;
        }
        to {
            opacity: 1.0;
        }
    }
    .headerBox {
        padding: 1px;
        animation: fade 1000ms infinite;
        -webkit-animation: fade 600ms infinite;

    }
</style>
<script>
    function stockMinutes30(object){
        var code=object.id;
        $.NZ_Window.show({
            url: '/stockMinutes30?code='+code,
            width: 1500,
            height: 1000,
            operate: {
                btn_Close: true, //关闭按钮
                btn_Max: true, //最大化按钮
                btn_Refresh: true, //刷新按钮
                btn_NewWindow: true, //新窗口按钮
                resize: true //调整窗口大小按钮
            }
        });
        // window.open('/stockMinutes?code='+code,'','width=2000,height=1000,left=200,top=300,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
    }
</script>
<body class="gray-bg" onload="startTime()">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5 style="font-family:arial;color:red;">龙虎榜</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="row"  th:each="result,resultStat:${onethsHotStockList}">
                            <div class="col-xs-4">
                                <small class="stats-label">名称  涨跌</small>
                                <h4>
                                    <a  th:id="${result.code}" onclick="chakanxaingxing(this)"  class="client-link" th:text="${result.name}" style="color:dodgerblue;"></a>
                                   <!-- 调整对齐，根据字段长度 -->
                                    <i th:if="${#strings.length(result.name)} lt 4"  >
                                        &nbsp;&nbsp;&nbsp;&nbsp;
                                    </i>
                                    <i th:if="${#strings.length(result.name)} ge 4"  >
                                        &nbsp;&nbsp;
                                    </i>
                                    <small>
                                        <i th:if="${result?.zhangdie} ge 0" >
                                            <a th:text="${result.zhangdie} +'%'" th:id="'kandian_'+${result.code}" onclick="stockKanDian(this)" style="font-family:arial;color:red;font-size:18px;"></a>
                                        </i>
                                        <i th:if="${result.zhangdie} lt 0"  >
                                            <a th:text="${result.zhangdie} +'%'" th:id="'kandian_'+${result.code}" onclick="stockKanDian(this)" style="font-family:arial;color:green;font-size:18px;"></a>
                                        </i>
                                    </small>
                                </h4>
                            </div>

                            <div class="col-xs-4">
                                <small class="stats-label"> 热度</small>
                                <h4>
                                    <a th:text="${result.rate/10000} +'万热度' " th:id="'name_'+${result.code}"  onclick="stockMinutes30(this)" style="font-family:arial;color:darkgoldenrod;font-size:12px;" ></a>
<!--                                    <a href="#" th:each="sustainTag, userStat:${result.sustainTags}" >-->
<!--                                        <i class="badge badge-warning"  th:text="${sustainTag.name}" style="font-size:12px;font-weight:normal;"></i>-->
<!--                                     </a>-->
                                    <a   th:id="'redian_'+${result.code}"  onclick="stockReDianKanOneHour(this)" style="font-family:arial;color:darkgoldenrod;font-size:12px;" >
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="line">5,3,2,-1,-3,-2,2,3,5,2</span>
                                    </a>
                                </h4>
                            </div>
                            <div class="col-xs-4">
                                <small class="stats-label">所属概念</small>
                                <h4>
                                    <i class="badge badge-info"  th:text="${result.tag.popularityTag}" style="font-size:12px;font-weight:normal;"></i>
                                    <a href="#" th:each="saleTag, userStat:${result.tag.concepttag}" >
                                        <i class="badge badge-warning"  th:text="${saleTag}" style="font-size:12px;font-weight:normal;"></i>
                                    </a>
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <form id="form1" method="post" action="/addStock">
            <input type="hidden" id="addCode" name="code" value="">
            <input type="hidden" id="addDesc" name="desc" value="">
        </form>
    </div>
<!--    <script src="/js/jquery.min.js?v=2.1.4"></script>-->
    <script src="/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="/js/plugins/sparkline/jquery.sparkline.min.js"></script>
    <script src="/js/plugins/peity/jquery.peity.min.js"></script>
    <script src="/js/content.min.js?v=1.0.0"></script>
    <script src="/js/demo/peity-demo.min.js"></script>
    <script src="/js/plugins/gritter/jquery.gritter.min.js"></script>
    <script src="/js/plugins/sweetalert/sweetalert.min.js"></script>
</body>
<script>
    function chakanxaingxing(object) {
        var code = object.id;
        var url = 'http://stockpage.10jqka.com.cn/' + code;
        $.NZ_Window.show({
            url: url,
            width: 1100,
            height: 800,
            operate: {
                btn_Close: true, //关闭按钮
                btn_Max: true, //最大化按钮
                btn_Refresh: true, //刷新按钮
                btn_NewWindow: true, //新窗口按钮
                resize: true //调整窗口大小按钮
            }
        });
        // window.open('/stockMinutes?code='+code,'','width=2000,height=1000,left=200,top=300,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
    }

    function stockKanDian(object) {
        var code = object.id;
        var url = '/stockKanDian?code=' + code.replace("kandian_", "");
        $.NZ_Window.show({
            url: url,
            width: 1100,
            height: 800,
            operate: {
                btn_Close: true, //关闭按钮
                btn_Max: true, //最大化按钮
                btn_Refresh: true, //刷新按钮
                btn_NewWindow: true, //新窗口按钮
                resize: true //调整窗口大小按钮
            }
        });
        // window.open('/stockMinutes?code='+code,'','width=2000,height=1000,left=200,top=300,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
    }
    function stockReDianKanOneHour(object){
        var code=object.id;
        $.NZ_Window.show({
            url: '/ths/stockKanDian?type=oneHour&code='+code,
            width: 1500,
            height: 1000,
            operate: {
                btn_Close: true, //关闭按钮
                btn_Max: true, //最大化按钮
                btn_Refresh: true, //刷新按钮
                btn_NewWindow: true, //新窗口按钮
                resize: true //调整窗口大小按钮
            }
        });
        // window.open('/stockMinutes?code='+code,'','width=2000,height=1000,left=200,top=300,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
    }

    function stockReDianKan24Hour(object){
        var code=object.id;
        $.NZ_Window.show({
            url: '/ths/stockKanDian?type=24Hour&code='+code,
            width: 1500,
            height: 1000,
            operate: {
                btn_Close: true, //关闭按钮
                btn_Max: true, //最大化按钮
                btn_Refresh: true, //刷新按钮
                btn_NewWindow: true, //新窗口按钮
                resize: true //调整窗口大小按钮
            }
        });
        // window.open('/stockMinutes?code='+code,'','width=2000,height=1000,left=200,top=300,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
    }

</script>
</html>